class Observer {
    constructor(data) {
        this.walk(data)
    }
    // 遍历data所有属性
    walk(data) {
        // 1.判断data是否是对象
        if(!data || typeof data !== 'object') return
        // 2.遍历data对象的所有属性
        Object.keys(data).forEach(key=> {
            this.defineReactive(data, key, data[key])
        })
    }
    // 把data里面的属性都增加getter/setter
    defineReactive (obj, key, val) {
        let that = this
        // 负责收集依赖 发送通知
        let dep = new Dep()
        // 如果val此时是对象，它会把对象内的属性也转换为响应式数据
        this.walk(val)
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get () {
                Dep.target && dep.addSub(Dep.target)
               return val 
            },
            set(newValue) {
                if(newValue === val) return 
                val = newValue
                that.walk(newValue)
                // 发送通知
                dep.notify()
            }
        })
    }
}